<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>附近子页面01</title>
		<link rel="stylesheet" href="js/swiper/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/base1.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" href="css/mui.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		.prat {
				width: 100%;
				height: 160px;
				background-position: center;
				background-size: cover;
				/*border-radius: 10px;*/
			}
			
			.index_dl_01 {
				width: 45%;
				height: 240px;
				float: left;
				margin-left: 3%;
				background: #E6E6E6;
				margin-bottom: 5%;
				/*border-radius: 15px;*/
				margin-top: 4%;
				text-align: center;
				/*box-shadow: black 0 0 4px;*/
			}
	</style>
	<body>
		<div id="d1" class="mui-content">
			<section id="proidone" class="self">
				<!--
					<dl class="index_dl_01">
						<a href="detail222.html">
							<dt><img class="prat" src="images/1.jpg" /> </dt>
							<dd style="margin-top: 15px;">
								<span style="font-size: 15px;color: #000000;">&nbsp;&nbsp;每日推荐</span>
								<p></p>
								<p style="color: red;">&nbsp;&nbsp;¥4980.00<span style="color: #B6B6B6;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0件已售</span></p>
							</dd>
						</a>
					</dl>
					<dl class="index_dl_01">
						<a href="detail222.html">
							<dt><img class="prat" src="images/1.jpg" /> </dt>
							<dd style="margin-top: 15px;">
								<span style="font-size: 15px;color: #000000;">&nbsp;&nbsp;每日推荐</span>
								<p></p>
								<p style="color: red;">&nbsp;&nbsp;¥4980.00<span style="color: #B6B6B6;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0件已售</span></p>
							</dd>
						</a>
					</dl>
					-->
                
				</section>
		</div>
	</body>
	<script>
		
		function click_href(obj){
			window.localStorage.proid=obj;
			//alert(localStorage["proid"]);
			var detail222 = plus.webview.create('detail222.html');
			detail222.show();
		}
		
		$(function() {
			var proidone = document.getElementById("proidone");
			//写往后传值的请求把他框起来
			 var value = localStorage["proclass"];
			 
			 //alert(value);
			$.post(localStorage["urlip"]++"shop/showProType.do",
			{pagenow:1,pagesize:4,protypeid:value},function(data){
				//alert(data);
				var dataObj=eval("("+data+")");  
				proidone.innerHTML="";
				for(var i=0;i<dataObj.length;i++){ 
					var a=i+1;
					
					proidone.innerHTML+="<dl class='index_dl_01' onclick='click_href("+dataObj[i].proid+")'>"
					+"<a href='detail222.html'>"
					+"<dt><img class='prat' src='images/1.jpg'/> </dt>"
					+"<dd style='margin-top: 15px;'>"
					+"<span style='font-size: 15px;color: #000000;'>&nbsp;&nbsp;"+dataObj[i].proname+"</span><p></p>"
					+"<p style='color: red;'>&nbsp;&nbsp;¥4980.00<span style='color: #B6B6B6;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0件已售</span></p></dd></a></dl>";
			
				}
			}) 
			 
		});
	</script>
</html>
